<template>
	<view class="">
		<u-button @click="$emit('click')" :ripple="true" ripple-bg-color="rgba(255,255,255,0.15)" type="warning" :plain="true" :custom-style="customStyle">{{title}}</u-button>
	</view>
</template>
<script>
	export default {
		data () {
			return {
				customStyle: {
					background: 'linear-gradient(90deg, #3377FF, #6699FF)',
					width: '690rpx',
					height: '90rpx',
					lineHeight: '90rpx',
					textAlign: 'center',
					fontSize: '32rpx',
					color: '#fff !important',
					boxShadow: '0rpx 6rpx 14rpx 0rpx rgba(76, 136, 255, 0.5)',
					borderRadius: '46rpx',
					border: 'none'
				}
			}
		},
		props: {
			title: {
				type: String,
				default: '确定'
			},
			customstyle: {
				type: Object,
				default() {
					return {}
				}
			}
		},
		created() {
			for(let key in this.customstyle) {
				this.customStyle[key] = this.customstyle[key]
			}
		},
	}
</script>
<style lang="scss">
button::after {
	border: none !important
}
</style>